html, body {
background : url('../images/bg.jpg') #fff;
font : 14px arial;
line-height: 130%;
color : #26282b;
padding : 0;
margin : 0;
}
a {
text-decoration : none;
color : #2e7211;
}
img {
border: 0px;
}
a:hover {
text-decoration : underline;
}
#header {
position : absolute;
width : 100%;
height : 130px;
top : 0;
padding : 0;
margin : 0;
background : #647289;
border-bottom : 1px solid #1f242a;
}
#header img {
position : relative;
top : 5px;
}
h1 {
margin-left : 10px;
font-size : 22px;
}
h2 {
margin-top : 0;
font-size : 18px;
}
h3 {
font-size : 16px;
padding : 0;
margin : 0;
}
h4 {
padding : 0;
margin : 0;
}
p {
text-indent : 10px;
}
#footer {
position : relative;
width : 100%;
height : 30px;
bottom : -120px;
padding : 15px 0;
background : #647289;
border-top : 1px solid #1f242a;
color : #fff;
}
#footerMenu {
width: 540px;
position: absolute;
left: 50%;
margin-left: -275px;
text-align: center;
top: 5px;
font-size : 12px;
}
#footerMenu a {
color : #f9c24c;
text-decoration : none;
padding : 0 10px;
}
#footerMenu a:hover {
text-decoration : underline;
}
#validationIcons {
left: 40px;
top: 15px;
position: absolute;
}
#validationIcons img {
width: 100px;
height: 30px;
}
fieldset, .textBlock {
border : 1px solid #dee7f1;
margin : 20px;
background : #fff;
padding : 10px;
}
input[type="submit"] {
background : #3d4655;
color : #f2f2f2;
padding : 0px 5px;
margin-top : 30px;
border : 2px outset #c4cbd3;
position : relative;
font-weight : bold;
}
input[type="submit"]:hover {
color : #f9c24c;
cursor : pointer;
}
input, textarea {
font-size : 14px;
font-family : verdana;
}
#topMain {
background : #3d4655;
border: 1px solid #52627a;
position : absolute;
font-weight : bold;
font-family : arial;
width : 950px;
height : 60px;
margin-left : auto;
margin-right : auto;
left : 0;
right : 0;
top : 60px;
}
#socialMedia {
position: absolute;
top: -50px;
right: 0;
}
#socialMedia img {
width: 32px;
height: 32px;
}
#menuItems {
margin : 0;
padding : 0;
position : absolute;
right : 10px;
top : 20px;
}
#menuItems li {
position: relative;
padding : 0;
margin : 0;
display : table-cell;
}
#menuItems li a {
margin : 0 10px;
padding : 0;
color : #fff;
font-size: 15px;
text-decoration : none;
}
#menuItems li a:hover {
padding : 0;
color : #f9c24c;
text-decoration : none;
border-bottom: 2px solid #f9c24c;
}
#menuItems li img {
top: 2px;
width: 16px;
height: 16px;
padding-right: 0px;
}
#mainParent {
position : relative;
width : 910px;
top : 130px;
margin : 0 auto;
}
.main {
position : relative;
width : 950px;
top : 130px;
margin-top : 100px;
min-height : 395px;
margin : 0 auto;
}
#mainFooter {
position : relative;
top : 120px;
width : 100%;
height : 445px;
background : #fff;
padding : 50px 0;
}

.portfolioItem {
background-color : #fff;
position : relative;
width : 270px;
height : 450px;
padding : 10px;
border : 1px solid #e9e9ea;
text-align : center;
display : inline-block;
margin : 20px 10px;
}
.portfolioItem h2 {
font-size : 20px;
}
.portfolioItem a:hover {
text-decoration: none;
}
.portfolioText {
position : relative;
right : 0;
bottom : 0;
width : 250px;
text-align : left;
}
.portfolioItem p {
position : relative;
text-align : left;
padding : 0;
text-indent : 0;
margin-top: 30px;
}
img.screenshot {
width : 260px;
border : 1px solid #b7b6b2;
margin-top: 0px;
}
form#contact {
height : 402px;
}
form#quote {
height : 1050px;
}
form#quote legend {
font : 18px arial;
border : 1px solid #dee7f1;
background : #f5cd51;
padding : 5px;
font-weight : bold;
}
form dl {
clear : both;
padding: 10px 0px;
}
form dt {
float : left;
width : 150px;
text-align: right;
padding-top: 3px;
font-weight: bold;
}
form dd {
float : left;
padding: 0px;
margin: 0px 10px;
}
#formOutput {
width : 360px;
padding: 5px;
position : relative;
margin-left : auto;
margin-right : auto;
color : #ff0000;
font-size : 18px;
font-weight : bold;
text-align : center;
z-index : 1;
}
.required {
color : red;
display : inline;
font-size : 14px;
}
#response {
position : absolute;
font-size : 12px;
text-align : center;
}
#slogan {
position : absolute;
top : 20px;
padding-left : 10px;
width : 410px;
}
#slogan h1 {
margin-bottom: 5px;
}
#slogan h2 {
margin-left: 30px;
}
#slogan #text {
font : 15px arial;
margin-top : 15px;
padding: 5px;
background: #fff;
border: 1px solid #e9e9ea;
}
#testimonials {
width : 425px;
position : absolute;
right : -20px;
top : 0;
}
#testimonials p {
font : 18px helvetica;
color : #abb2bc;
font-style : italic;
}
#testimonials a {
font-size : 14px;
}
#services {
width : 465px;
margin-left : 10px;
position : relative;
border-right : 1px solid #e3e9ef;
margin-bottom : 50px;
padding-right : 10px;
}
#serviceLogos img {
width: 240px;
padding: 0px 10px;
margin: 50px 0;
}
.indexServices {
position : relative;
width : 210px;
height : 220px;
display : inline-block;
padding: 10px;
}
.indexServices a {
color : #90aad1;
position : absolute;
left : 65px;
top: 25px;
font-size : 16px;
font-weight : bold;
}
.indexServices img {
position : relative;
width : 48px;
height: 48px;
}
.indexServices p {
position : absolute;
}
.services {
margin-left : 45px;
margin-right : 45px;
background : #fff;
min-height: 500px;
border: 1px solid #e9e9ea;
}
.services ul {
margin-left : 20px;
}
.services li {
display : block;
}
.services h2 {
color : #62a83f;
text-align : left;
font-size : 18px;
margin-left : -10px;
}
.services h3 {
color : #62a83f;
margin-left : -20px;
}
#getQuote {
position : absolute;
width : 100%;
height : 75px;
background : #647289;
border-bottom : 1px solid #1f242a;
border-top : 1px solid #1f242a;
top : 470px;
z-index : 1;
}
#getQuote a {
position : absolute;
font-size : 35px;
font-weight: bold;
background : #3f4d63;
color : #ffcc00;
text-shadow: 1px 1px 0.1em #000;
padding : 20px;
border : 1px solid #c5cdd0;
left : 30%;
top : 8px;
}
#getQuote a:hover {
background : #4b586d;
text-decoration : none;
}
.CheckBoxClass, .RadioClass {
display : none;
}
.CheckBoxLabelClass {
background : url("../images/cross.png") left 50% no-repeat;
height : 20px;
width : 290px;
display : block;
border : 1px solid #fff;
padding : 5px 0 3px 25px;
}
.CheckBoxLabelClass:hover, .RadioLabelClass:hover {
color : #474b51;
cursor : pointer;
}
.LabelSelected {
background : url("../images/tick.png") left 50% no-repeat;
}
ul.tabs {
margin : 0;
padding : 0;
height : 32px;
border-bottom : 1px solid #999;
border-top : 1px solid #999;
width : 100%;
}
ul.tabs li {
float : left;
margin : 0;
padding : 0;
height : 31px;
line-height : 31px;
font-weight : bold;
border-right : 1px solid #999;
border-bottom : 1px solid #999;
border-top: 1px solid #fff;
margin-bottom : 0px;
overflow : hidden;
background : #fff;
}
ul.tabs li#rightEnd {
border-right : none;
}
ul.tabs li a {
text-decoration : none;
color : #474b51;
display : block;
font-size : 1.2em;
padding : 0 31px;
outline : none;
font-size: 17px;
}
ul.tabs li a:hover {
color : #7e96b2;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
background : #fff;
border-bottom : 1px solid #fff;
}
.tab_container {
border-top : none;
overflow : hidden;
width : 100%;
background : #fff;
}
.tab_content {
padding : 20px;
min-height : 300px;
}
#slider-wrapper {
position : absolute;
right : 10px;
top : 30px;
}
#slider {
position : relative;
width : 500px;
height : 235px;
background : url(../images/loading.gif) 50% 50% no-repeat;
border : 1px solid #d6d7db;
top : 10px;
}
#slider img {
position : absolute;
top : 0;
left : 0;
width : 500px;
height : 235px;
display : none;
}
#slider a {
border : 0;
display : block;
}
.nivo-controlNav {
position : absolute;
width : 120px;
margin-left : auto;
margin-right : auto;
left : 0;
right : 0;
bottom : -42px;
}
.nivo-controlNav a {
display : block;
width : 22px;
height : 22px;
background : url(../images/bullets.png) no-repeat;
text-indent : -9999px;
border : 0;
float : left;
}
.nivo-controlNav a.active {
background-position : 0% -22px;
}
.nivo-directionNav a {
display : block;
width : 30px;
height : 30px;
background : url(../images/arrows.png) no-repeat;
text-indent : -9999px;
border : 0;
}
a.nivo-nextNav {
background-position : -30px 0%;
right : 15px;
}
a.nivo-prevNav {
left : 15px;
}
.nivo-caption {
text-shadow : none;
font-family : Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color : #efe9d1;
text-decoration : underline;
}
.nivoSlider {
position : relative;
}
.nivoSlider img {
position : absolute;
top : 0;
left : 0;
}
.nivoSlider a.nivo-imageLink {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
border : 0;
padding : 0;
margin : 0;
z-index : 60;
display : none;
}
.nivo-slice {
display : block;
position : absolute;
z-index : 50;
height : 100%;
}
.nivo-caption {
position : absolute;
left : 0;
bottom : 0;
background : #000;
color : #fff;
opacity : 0.8;
width : 100%;
z-index : 89;
}
.nivo-caption p {
padding : 5px;
margin : 0;
}
.nivo-caption a {
display : inline !important ;
}
.nivo-html-caption {
display : none;
}
.nivo-directionNav a {
position : absolute;
top : 45%;
z-index : 99;
cursor : pointer;
}
.nivo-prevNav {
left : 0;
}
.nivo-nextNav {
right : 0;
}
.nivo-controlNav a {
position : relative;
z-index : 99;
cursor : pointer;
}
.nivo-controlNav a.active {
font-weight : bold;
}
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: #000;
	z-index:1001;
}
 
.white_content {
	display: none;
	position: fixed;
	top: 10%;
	left: 10%;
	width: 80%;
	border: 1px solid #898888;
	z-index:1002;
	overflow: auto;
	cursor: pointer;
}